function menuBar(){
	var menu=	"<html>"+
	    		"<head>"+
	            "<title>Mini-Tab Preview</title>"+
	            "<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />"+
	            "<style type='text/css'>"+
	
	            ".container {"+
			    "width: 900px;"+
			    "padding: 15px;"+
			    "margin: 3px 0 20px 0;"+
			    
			    "background: #fff;"+
				"}"+
			
			/* pyramid */
			
				"#navPyra {"+
				"    margin: 0;"+
				"    padding: 0 0 20px 10px;"+
				"    border-bottom: 1px solid #9FB1BC;"+
				"}"+
				
				"#navPyra li {"+
				"    margin: 0;"+
				"    padding: 0;"+
				"    display: inline;"+
				"    list-style-type: none;"+
				"}"+
				
				"#navPyra a:link, #navPyra a:visited {"+
				"    float: center;"+
				"	 font-family: DS-Digital;"+
				"    font-size: 15px;"+
				"    line-height: 14px;"+
				"    font-weight: bold;"+
				"    padding: 0 12px 6px 12px;"+
				"    text-decoration: none;"+
				"    color: black;"+
				"}"+
				
				"#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {"+
				"    color: #000;"+
				"    background: url('img/Pyramid.gif') no-repeat bottom center;"+
				"}"+
				
				"</style>"+
				"            <style type='text/css'>"+
				            
				/* code for presentation purpose (CSS preview) */
				"body {"+
				"    font-family: verdana, sans-serif;"+
				"    font-size: 11px;"+
				"    background: white;"+
				"}"+
				
				"h4 {"+
				"    font-size: 100%;"+
				"    color: #999;"+
				"    margin: 0;"+
				"}"+
				       
				"            </style>"+
				"</head>"+
				
				"    <body>"+
				"            <div class='container'>"+
				"                    <ul id='navPyra'>"+
				
				"<li><a href='javascript:;' onclick='operatorView()'>Statistics</a></li>"+
				"<li><a href='javascript:;' onclick='oper_bar_middle()'>Graph</a></li>"+
				"<li><a href='javascript:;' onclick='ord()'>Instruction</a></li>"+
				"                    </ul>"+
				"            </div>"+
				"    </body>"+
				"</html>";
	$("#menu").html(menu);
}
function menuBar2(){
	var menu2=	"<html>"+
	    		"<head>"+
	            "<title>Mini-Tab Preview</title>"+
	            "<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />"+
	            "<style type='text/css'>"+
	
	            ".container {"+
			    "width: 900px;"+
			    "padding: 15px;"+
			    "margin: 3px 0 20px 0;"+
			    
			    "background: #fff;"+
				"}"+
			
			/* pyramid */
			
				"#navPyra {"+
				"    margin: 0;"+
				"    padding: 0 0 20px 10px;"+
				"    border-bottom: 1px solid #9FB1BC;"+
				"}"+
				
				"#navPyra li {"+
				"    margin: 0;"+
				"    padding: 0;"+
				"    display: inline;"+
				"    list-style-type: none;"+
				"}"+
				
				"#navPyra a:link, #navPyra a:visited {"+
				"    float: center;"+
				"	 font-family: DS-Digital;"+
				"    font-size: 15px;"+
				"    line-height: 14px;"+
				"    font-weight: bold;"+
				"    padding: 0 12px 6px 12px;"+
				"    text-decoration: none;"+
				"    color: black;"+
				"}"+
				
				"#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {"+
				"    color: #000;"+
				"    background: url('img/Pyramid.gif') no-repeat bottom center;"+
				"}"+
				
				"</style>"+
				"            <style type='text/css'>"+
				            
				/* code for presentation purpose (CSS preview) */
				"body {"+
				"    font-family: verdana, sans-serif;"+
				"    font-size: 11px;"+
				"    background: white;"+
				"}"+
				
				"h4 {"+
				"    font-size: 100%;"+
				"    color: #999;"+
				"    margin: 0;"+
				"}"+
				       
				"            </style>"+
				"</head>"+
				
				"    <body>"+
				"            <div class='container'>"+
				"                    <ul id='navPyra'>"+
				
				"<li><a href='javascript:;' onclick='managerView()'>Statistics</a></li>"+
				"<li><a href='javascript:;' onclick='mana_bar_middle()'>Graph</a></li>"+
				"<li><a href='javascript:;' onclick='buyForm()'>Order materials</a></li>"+
				"<li><a href='javascript:;' onclick='start()'>Start the Process</a></li>"+
				"<li><a href='javascript:;' onclick='poorDet()'>More tracking</a></li>"+
				"                    </ul>"+
				"            </div>"+
				"    </body>"+
				"</html>";
	$("#menu2").html(menu2);
}